<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收货地址</title>
    <link rel="stylesheet" href="css/address.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        body {
            background-color: #ededed;
        }
    </style>
</head>
<body>
<iframe name="header_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100%
        src="./components/header02.html" frameborder=0 scrolling="no"></iframe>
<div class="box"></div>
<div class="container">
    <div class="sidebar">
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/user_info.png" alt=""></div>
            <a href="/userInfo" style="color: #8C8C8C;">个人信息</a>
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/shopping_car.png" alt=""></div>
            <a href="ShoppingCar.html" style="color: #8C8C8C;">购物车</a>
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/order.png" alt=""></div>
            <a href="Order.html" style="color: #8C8C8C;">我的订单</a>
        </div>
        <div class="click sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/click_address.png" alt=""></div>
            收货地址
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/track.png" alt=""></div>
            <a href="Track.html" style="color: #8C8C8C;">我的足迹</a>
        </div>
    </div>
    <!--    内容-->
    <div class="content">
        <div class="header">
            <div class="title">收货地址</div>
            <div class="check-all">
                <a href="AddAddress.html"><input type="button" value="新增地址" class="check-button"></a>
            </div>
            <div class="hr"></div>
        </div>
        <div class="details">
            <div class="item">
                <div class="left">
                    <div class="left-item">
                        <div class="key">收货人</div>
                        <div class="value">张三同学</div>
                    </div>
                    <div class="left-item">
                        <div class="key">手机号</div>
                        <div class="value">1233333333</div>
                    </div>
                    <div class="left-item">
                        <div class="key">配送区域</div>
                        <div class="value">湖南省 株洲市 荷塘区</div>
                    </div>
                    <div class="left-item">
                        <div class="key">详细地址</div>
                        <div class="value">湖南汽车工程</div>
                    </div>
                </div>
                <div class="right">
                    <input type="button" value="修改地址" class="check-button">
                    <input type="button" value="删除地址" class="check-button">
                </div>
            </div>
            <div class="item">
                <div class="left">
                    <div class="left-item">
                        <div class="key">收货人</div>
                        <div class="value">张三同学</div>
                    </div>
                    <div class="left-item">
                        <div class="key">手机号</div>
                        <div class="value">1233333333</div>
                    </div>
                    <div class="left-item">
                        <div class="key">配送区域</div>
                        <div class="value">湖南省 株洲市 荷塘区</div>
                    </div>
                    <div class="left-item">
                        <div class="key">详细地址</div>
                        <div class="value">湖南汽车工程</div>
                    </div>
                </div>
                <div class="right">
                    <input type="button" value="修改地址" class="check-button">
                    <input type="button" value="删除地址" class="check-button">
                </div>
            </div>
        </div>
    </div>
</div>
<iframe name="footer_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100%
        src="./components/footer.html" frameborder=0 scrolling="no"></iframe>
</body>
</html>